<template>
  <div class="content flex">
    <p>字节前端训练营大作业</p>
    <p>BY 随机40 (HX, HRH, HSY, HYK)</p>
    <div class="lg flex">
      <div class="zj"></div> |
      <div class="h"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "footer",
};
</script>

<style>
.h {
  width: 50px;
  height: 50px;
   margin-left: 20px;
  background: url(../assets/h.png);
  background-size: 50px 50px;
  background-repeat: no-repeat;
}

.zj {
  width: 150px;
  height: 50px;
  margin-right: 20px;
  background: url(../assets/qxyLogo.png);
  background-size: 150px 50px;
  background-repeat: no-repeat;
}

.content {
  width: 1004px;
  height: 100%;
  font-size: 17px;
  color: #dedee2;
  margin:  0 auto;
  flex-direction:column;
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>